<template>
  <div>
      <span v-if="!show"><router-link to="/index/outindex/outlist" class="router-link-active styleaddBingli">出院管理</router-link></span>
     
      <span v-if="show"><router-link to="/index/outindex/outdayin" class="router-link-active styleaddBingli">出院管理</router-link></span>
      
       
       <router-view class="bigwhite"></router-view>
  </div>
</template>

<script>
export default {
name:"outindex",
data() {
    return {
        show: false,
    }
},
watch:{
    $route(to,from){
        console.log(to.path,from)
        if(to.path=='/index/outindex/outlist'){
             this.show=true;
        }else{
          this.show=false;
        }
    }
  },
 mounted(){
       if(this.$route.path=='/index/outindex/outdayin'){
             this.show=true;

        }else{
          this.show=false;
        }
  },
methods:{

}
}
</script>

<style lang="scss" scoped>
.router-link-active {
 background-image: linear-gradient(to right, #2dc6e1, #14dfba) !important;
  padding: 14px 35px;
  border-top-left-radius: 30px;
  border-bottom-right-radius: 30px;
  color: white;
  display: inline-block;
}
</style>